<!DOCTYPE html>
<!--  http://www.w3schools.com/html/html_quick.asp is the good source for learning html -->
<html>
<head>
<title>Login page</title>

<style type="text/css">
.loginPanel{

 text-align: center;
}
</style>

<script type="text/javascript">

function validate(){

	alert('hello');
	//alert(document.getElementById('userName').Attr('value'));
}

</script>
</head>
<body>

<form method="POST" action="login" onsubmit="javascript:validate()" >
<div class="loginPanel">
<h1 >Login page</h1>
<label for="userName" id="userLabel">User Name</label> 

<input type="text" id="userName" name="userName"/>
<br/>

<label for="password" id="passwordLabel">Password</label>
<input type="password" id="password" name="password" />
 <br />
 
 <input type="submit" name="login" value="login"/>
 
 <input type="reset" />
 </div>
 
 </form>
 


</body>

</html>

